@CHARSET "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* general */
a {text-decoration:none;}

/* content */
body,html {
    min-width:950px;
    font-family:'Trebuchet MS';
}
header {
    height:255px;
    margin-bottom:15px;
}
#header_esmas {margin-top:-2px;}
#page {
    background:#183c5e url(../images/back_h.jpg) no-repeat 50% 2px;
    min-width:950px;
}
#content {
    position:relative;
    min-height:600px;
    z-index:2;
    min-width:950px;
    line-height:1.5em;
    font-size:.8em;
}
footer {
    background: #183c5e url(../images/back_footer.jpg) no-repeat 50% bottom;
    height: 253px;
    margin-top: -403px;
    padding-top: 400px;
    position: relative;
    z-index: 1;
    font-size:.8em;
}
header div.inner,
#content div.inner,
footer div.inner {
    margin:0 auto;
    width:950px;
}

header div.inner {width:950px; height:255px; margin:0 auto 0 auto; position:relative; }

#HDR_menuSeccion {border-bottom:none!important;}
#HDR_menuSeccion li {border-bottom:none!important;}
#HDR_menuSeccion li a {padding: 6px 6px 6px 6px; }

/* header */

/* search */

form.form-search { 
    position:absolute;
    left:600px;
    top:36px;
    width:190px;
}
form.form-search button.btn {
    background:url(../images/buscar.png) no-repeat 0 0;
    width:28px; height:31px; line-height:31px; border:0;
    margin-top:0;
    text-indent:-9999em;
}
input.search-query,
input[type=text],
textarea { 
    border:1px solid #86b0d6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height:27px;
    line-height:27px;
    background:#183c5e;
    -moz-box-shadow:inset 0px 2px 20px #0a2339;
    -webkit-box-shadow:inset 0px 2px 20px #0a2339;
    box-shadow:inset 0px 2px 20px #0a2339;
    font-weight:bold;
    font-size:14px;
    font-style:italic;
    font-family:'Trebuchet MS';
    color: #bbdcfd;
    width:143px;
    padding-left:10px;
    float:left;
    margin-right:3px;
}
input.search-query::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bbdcfd;
}
input.search-query:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bbdcfd;
}
input.search-query::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bbdcfd;
}
input.search-query:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bbdcfd;
}

/* main navigation */

#mainnav { 
    width:950px;
    margin-top:200px;
    height:28px;
    line-height:28px;
}

#mainnav li { height:28px; line-height:28px;display:inline-block; background:url(../images/mainnav-seperator.png) no-repeat 100% 50%; font-size:.8em; }
#mainnav li:last-child { background:none; }
#mainnav a { padding:0 7px 0 6px; font-family:'Trebuchet MS'; text-decoration:none; font-weight:bold; color:#183c5e;
    text-shadow:1px 0px 0px #e5bc17;
    height:28px;
    line-height:28px;
    display:inline-block;
}

#mainnav a:hover, #mainnav a.active, #mainnav a:focus {
    color:#000;
}
#live { position:absolute; top:153px; left:472px; }
#live h2 {margin-bottom:.3em; line-height:1.1; font-family:'Trebuchet MS'; font-size:16px; color:#eed713; text-transform:uppercase; font-weight:400; font-style:italic; }
#live button.play { background:url(../images/play.png) no-repeat; border:0; text-indent:-9999em; width:38px; height:25px; }
#live span.horiz-sep { background:url(../images/horiz-seperator.png) no-repeat 0 0; height:24px; width:1px; margin:0 10px; display:inline-block; vertical-align:bottom;}
#live span.game { font-family:'Trebuchet MS'; font-size:14px; color:#FFF; font-weight:normal; vertical-align:-2px;}

#countdown { background:url(../images/back_contador.png) no-repeat 0 0;
    width:235px;
    height:100px;
    position:absolute;
    right:-88px;
    bottom:26px;
    padding-right:90px;
    padding-top:55px;
}
#countdown h2 {padding-left:70px; text-align:center; margin-bottom:.3em; line-height:1.1; font-family:'Trebuchet MS'; font-size:16px; color:#eed713; text-transform:uppercase; font-weight:400; font-style:italic; }
#countdown dl {padding:50px 0 0 17px;}
#countdown dl dt,#countdown dl dd {display:inline-block; width:52px; text-align:center;float:left;}
#countdown dl dt { font-style:italic; font-family:'Trebuchet MS'; color:#FFF; font-size:10px; margin-right:2px; text-transform:uppercase; margin-top:5px;}
#countdown dl dd { margin-top:-52px;margin-left:-52px; height:52px; width:52px; background:url(../images/circle.png) no-repeat 0 0;
    color:#FFF;
    line-height:55px;
    font-size:22px;
}
#countdown a.publicidad.adidas { background:url(../images/adidas.png) no-repeat 0 0; width:72px; height:98px; position:absolute; right:15px; top:57px; text-indent:-9999em;}

/* content */

div.mxm {margin-bottom:30px; width:958px!important; height:146px!important;}
#content div.maincol { float:left; width: 610px; margin-left:5px;}
#content aside.sidebar { margin-left:645px; width:300px;}
hr.clearboth {clear:both; border:0; height:0;}

/*.shadow {
    -moz-box-shadow:0 4px 10px #000000;
    -webkit-box-shadow:0 4px 10px #000000;
    box-shadow:0 4px 10px #000000;
}*/
.shadow img {
    display:inline-block;
}

/* MxM */
#content div.mxm.shadow {  } /* shadow goes here*/
#content div.mxm.shadow div.HDR_results { background:url(../images/resultados.png) no-repeat 0 0; width:958px; height:146px;}
#content div.mxm.shadow div.HDR_results h3 a { font-size:1.6em; line-height:2em; color:#041e43; font-family:'Trebuchet MS'; letter-spacing:.05em; font-style:italic; font-weight:bold; padding:0 15px}
#content div.mxm.shadow div.HDR_results url(../images/mxm-content-bg.png) repeat-all 0 0;
.screenreader {display:none;}


/* Comments */
ul.commentsLst_0 li.usrDataLI {
    float:left;
    margin-left: 0;
    width:66px;
    position:relative;
    padding:0
}

li.usrDataLI img {
	position:absolute;
	right:6px;
	top:10px;
	border:1px solid #bde0ff;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
li.usrDataLI img.actFit {top:40px;right:7px;border:0;}

ul.commentsLst_0 {
	background:url(../images/dotted-border.jpg) repeat-x 0 100%;
	padding:0 0 2px 0;
}

ul.commentsLst_0 li {
	margin-left: 66px;
	background:url(../images/dotted-border-vert.jpg) repeat-y 0 0;
	width:auto;
	padding:10px 10px 0 15px;
	color:#fcffff;
}

li.commentData input {width:100%; margin-bottom:20px;}
li.commentData textarea {width:100%; height:90px; margin-bottom:20px;}
li.commentData p {display:none;}

div.comment_tools {text-align:right; color:#bde0ff; padding:10px 0}
div.comment_tools a {color:#f9c80a; text-decoration:underline;}
p.l0 b span {display:none;}
p.l0 b {font-weight:bold;}
p.l0 b span.comment_grey {color:#bde0ff; display:inline; font-weight:normal;}
div.answer_l0 h4 a,
#answer_level0 h4 a {display:none;}
div.answer_l0 h4,
#answer_level0 h4 {
	font-family:'Trebuchet MS';
	font-size:16px;
	color:#FFF;
	padding:10px 0 10px 8px;
}

ul.menuBar.commentsMenu {
	height:40px;
	background:url(../images/dotted-border.jpg) repeat-x 0 100%;
}
ul.menuBar.commentsMenu li {
    display:inline-block;
    height:50px;
    line-height:50px;
    vertical-align:top;
}

ul.menuBar.commentsMenu li a {
	font-family:'Trebuchet MS';
	font-size:20px;
	font-style:italic;
	color:#798998;
	padding:2px 13px;
	margin-right:10px;
	background:#344e67;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position:relative;
}

ul.menuBar.commentsMenu li.active a,
ul.menuBar.commentsMenu li a:hover {
	color:#183c5e;
	border:1px solid #f4c40a;
	background:-webkit-gradient(linear, left 50%, left 51%, from(#f7d557), to(#f4c40a));
    background: -moz-linear-gradient(top,  #f7d557,  #f4c40a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7d557', endColorstr='#f4c40a');
}

ul.menuBar.commentsMenu li.active a span.arrow,
ul.menuBar.commentsMenu li a:hover span.arrow {
    border-top-color: #ffc800;
}
ul.menuBar.commentsMenu li.active a span.arrow,
ul.menuBar.commentsMenu li a:hover span.arrow {
    display: block;
}
ul.menuBar.commentsMenu li a span.arrow {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ffc800 transparent transparent;
    border-image: none;
    border-right: 10px solid transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -16px;
    display: none;
    height: 0;
    left: 45%;
    overflow: hidden;
    position: absolute;
    width: 0;
    margin-left:-8px;
}

input.submitButtom {
	background:url(../images/botones.png) no-repeat 100% 0;
	width:173px;
	height:31px;
	border:0;
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic;
	color:#183c5e;
	font-size:12px;
	margin-bottom:1em;
}